*{
    font-family: 黑体;
}
.main{
    max-width: 640px;
    height: auto;
    margin: 0 auto;
}
.main img{
     width: 100%;
     height: 100%;
    float: left;
}
.top{
    width: 100%;
    height:1.5rem;
    float: left;
    background-color:#18baf2;
}
.top span{
    width: 90%;
    height:1.5rem;
    float: left;
    color: white;
    line-height: 1.5rem;
    text-align: center;
    font-size: 0.8rem;
}
.fh{
    width: 0.5rem;
    height: 1rem;
    float: left;
    margin-top: 0.25rem;
    margin-left: 0.5rem;
}
.gg{
    width: 100%;
    height: 15rem;
    margin: 0 auto;
    /*background-color: pink;*/
}
.name{
    width: 100%;
    height:1.5rem;
    float: left;
    text-indent: 0.5rem;
    font-size: 0.7rem;
    line-height: 1.5rem;
}
.jg{
    width: 100%;
    height:1.4rem;
    float: left;
    color:#7d7d7d;
    text-indent: 0.5rem;
    font-size: 0.65rem;
    line-height: 1.4rem;
}
.jg span{
    color: red;
   margin-left: 0.8rem;
}
.kc{
    width: 100%;
    height:1.4rem;
    float: left;
    color:#7d7d7d;
    text-indent: 0.5rem;
    font-size: 0.65rem;
    line-height: 1.4rem;
}
.kc span{
   margin-left: 0.8rem;
}
.sl{
    width: 100%;
    height:1.4rem;
    float: left;
    color:#7d7d7d;
    text-indent: 0.5rem;
    font-size: 0.65rem;
    line-height: 1.4rem;
}
.sl span{
    float: left;
}
.min{
    width: 1rem;
    height: 1rem;
    margin-top: 0.2rem;
    margin-left: 0.77rem;
    float: left;
    line-height: 0.5rem;
    background-color: white;
    border: 1px solid #d2d2d2;
}
.text_box{
    width: 1rem;
    height:0.9rem;
    margin-top: 0.2rem;
    float: left;
    font-size: 0.5rem;
    line-height: 0.64rem;
    background-color: white;
    border: 1px solid #d2d2d2;
    border-left: 0;
    text-align: center;
}
.add{
    width: 1rem;
    height: 1rem;
    margin-top: 0.2rem;
    float: left;
    line-height: 0.6rem;
    background-color: white;
    border: 1px solid #d2d2d2;
    border-left: 0;
}
.ys{
    /*width:1.5rem;*/
    height: 1rem;
    float: left;
    padding: 0rem 0.3rem;
    margin-top: 0.2rem;
    line-height: 1rem;
    margin-left: 0.77rem;
    background-color: white;
    border: 1px solid #d2d2d2;
}
.er{
    width: 100%;
    height:4.4rem;
    float: left;
    background-color:#efefef;
}
.m{
     width:90%;
     height:2rem;
     line-height: 2rem;
     font-size: 0.7rem;
     color: #6a6a6a;
     text-indent: 0.6rem;
     float: left;
 }
.mh{
    width:0.4rem;
    height:0.7rem;
    float: left;
    margin-top: 0.65rem;
    /*background-color: pink;*/
}
.mh img{
    margin: 0;
}
.er1{
    width: 100%;
    height:2rem;
    float: left;
    margin-top: 0.2rem;
    background-color: white;
    border-bottom: 1px solid #e0e0e0;
}
.er2{
    width: 100%;
    height:2rem;
    float: left;
    border-bottom: 1px solid #e0e0e0;
    background-color: white;
}

.ms{
    width:65%;
    height:2rem;
    line-height: 2rem;
    font-size: 0.7rem;
    color: #6a6a6a;
    text-indent: 0.6rem;
    float: left;
}
.mss{
    width:25%;
    height:2rem;
    line-height: 2rem;
    font-size: 0.6rem;
    color: #6a6a6a;
    text-indent: 0.6rem;
    float: left;
}
.mss span{
    font-size: 0.6rem;
    color: red;
}
.mhs{
    width:0.4rem;
    height:0.7rem;
    float: left;
    margin-top: 0.65rem;
}
.mhs img{
    width:100%;
    height:100%;
    float: left;
    margin: 0;
}
.pj{
    width:100%;
    height:4.38rem;
    float: left;
    /*background-color: pink;*/
}
.txnc{
     width:100%;
     height:2rem;
     float: left;
 }
.tx{
    width:1.4rem;
    height:1.4rem;
    float: left;
    margin-top: 0.35rem;
    margin-left: 0.7rem;
}
.tx img{
    border-radius: 50%;
}
.nc{
    width:5rem;
    height:1.3rem;
    float: left;
    line-height: 1.3rem;
    font-size: 0.6rem;
    overflow: hidden;
    margin-top: 0.35rem;
    margin-left: 0.35rem;
}
.pl{
    width: 100%;
    height: 1.2rem;
    float: left;
    color:#818181;
    font-size: 0.68rem;
    text-indent: 0.7rem;
    line-height: 1.3rem;
}
.plsj{
    width: 100%;
    height: 1.4rem;
    float: left;
    color:#818181;
    font-size: 0.58rem;
    text-indent: 0.7rem;
    line-height: 1rem;
    border-bottom:4px solid #eeeeee;
}
.youlike{
    width: 100%;
    height: 1.8rem;
    float: left;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 1.8rem;
    text-align: center;
}
.xq{
    width: 100%;
    height: 1.4rem;
    float: left;
    /*margin-top: 3rem;*/
    background-color:#eeeeee;
}
.xqq{
    width: 50%;
    height: 1.3rem;
    float: left;
    text-align: center;
    font-size: 0.6rem;
    line-height: 1.3rem;
    margin-top: 0.12rem;
    background-color: white;
}
.nr1{
    width: 100%;
    height: 19rem;
    float: left;
    background-color: white;
}
.nr2{
    width: 100%;
    height: 16rem;
    float: left;
    margin-top: 3rem;
    background-color: white;
}




.bottom{
    width: 100%;
    height: 2.3rem;
    float: left;
    color: white;
    text-align: center;
    font-size: 0.7rem;
    line-height: 2.3rem;
    border-top: 1px solid #e0e0e0;
}
.bot1{
    width: 40%;
    height: 2.3rem;
    float: left;
    color:black;
}
.bot1 span{
    font-size: 0.58rem;
    color:red;
}
.bot2{
    width: 30%;
    height: 2.3rem;
    float: left;
    background-color:#ff8400;
}
.bot3{
    width: 30%;
    height: 2.3rem;
    float: left;
    background-color:#ff0000;
}